<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <style>
        *{margin: 0;padding: 0px}
        header{background-color: #20a1a1;height: 40px;width: 100%;color: white;line-height: 40px;text-align: center}
        .back{font-size: 13px;font-weight: bold;margin-left: 10px;float: left}
        .hotInfo{width: 100%;border: 1px solid gainsboro;border-bottom: 0px}
        .hotInfo img{width: 100px;height: 100px;border-radius: 10px;margin: 5px 0px 5px 5px}
        ul{background-color: 	#F0F0F0}
        .hotInfo li{width: 100%;height: 110px;margin-top: 2px;background-color: white}
        .product_title{position: absolute;margin-left: 1%;font-size: 13px;padding: 3px;color: black;margin-top: 10px}
        .price{position: absolute;color: red;font-size: 16px;margin-top: 78px;font-weight: bold;margin-left: 2%}
        .number{position: absolute;margin-left: 34%;margin-top: 80px;font-size: 14px;color: gray}
    </style>
</head>
<body>
<script>
    $(function () {
        var content = decodeURI(location.href.split("?")[1]);
        $.ajax({
            url:"http://obao.tunnel.2bdata.com/product_searchList.htm?msg="+content,
            type:"post",
            success:function (data) {
                for(var i = 0; i < data.length; ++i) {
                    var str = "";
                    var img = "http://obao.tunnel.2bdata.com/upload/product/"+data[i].productImg;
                    str += "<li> <a href='info.html?"+data[i].productId+"'>";
                    str += " <img src="+img+">";
                    str += " <span class='product_title'>"+data[i].productName+"</span>";
                    str += " <span class='price'>￥"+data[i].newPrice+"元</span>";
                    str += " <span class='number'>销售量："+data[i].sales+"</span></a> </li>";
                    str += "";
                    $("#datalist").append(str);
                }
            }
        })
    })
</script>
<header>
    <span class="back" onclick="history.go(-1)"><</span>
    <span class="business_title_name" style="font-weight: bold;font-size: 15px">搜索结果</span>
</header>
<div class="hotInfo">
    <ul id="datalist" style="margin-bottom: 50px;">
        <!--<li>-->
            <!--<a href='info.html'>-->
            <!--<img src="img/sp1.jpg">-->
            <!--<span class='product_title'>【新品】新疆大盘鸡</span>-->
            <!--<span class='price'>￥29.3元</span>-->
            <!--<span class='number'>销售量：21323</span>-->
            <!--</a>-->
        <!--</li>-->
    </ul>
</div>
</body>
</html>